<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<?php
        include WEB_ROOT.'/application/Gui/default/component/head.php';
    ?>
</head>

<body>

    <!--begin wrapper-->
    <div id="wrapper">
        <!--begin toppage-->
        <?php
        include WEB_ROOT.'/application/Gui/default/component/toppage.php';
        ?>
        <!--End toppage-->
        
<!--begin header-->
        <div id="header">
            <div class="left left_nav" >
                <ul class="nav">
                    <li><a href="#" id="header-home">Trang chủ</a></li>
                    <li><a href="#" id="header-product">Sản phẩm mới</a></li>
                    <li><a href="#" id="header-all">Xem tất cả</a></li>
                    <li><a href="#" id="header-ad">Khuyến mãi</a></li>
                    <li><a href="#" id="header-guide">Hỏi đáp</a></li>
                </ul>
                <div class="cart">
                    <a href="#"><img src="css/images/cart.png"/></a>
                    <span>Giỏ hàng</span>
                    <p>0 sản phẩm</p>
                </div>
            </div>
            
            <div class="right banner">
                <img src="css/images/banner1.png"/>
                <img src="css/images/banner2.png"/>
                <img src="css/images/banner3.png"/>
            </div>
            <div class="clear"></div>
        </div>
        
<!--begin container-->
        <div id="container">
            <div class="left">
    <!--ds sản phẩm--><div id="list-product" class="size-box">
                        <h2 class="title">Danh mục sản phẩm</h2>
                        <div class="border">
                            <ul>
                                <li><a href="#">Thời trang cartoon</a></li>
                                <li><a href="#">Thời trang bé gái</a></li>
                                <li><a href="#">Thời trang bé trai</a></li>
                                <li><a href="#">Thời trang sơ sinh</a></li>
                                <li><a href="#">Thời trang gia đình</a></li>
								<li><a href="#">Giày dép-vớ</a></li>
                                <li><a href="#">Nón</a></li>
								<li><a href="#">Phụ kiện</a></li>
                            </ul>
                        </div>
                    </div>

	<!--Nhà sản xuất--><div id="ad" class="size-box">
                        <h2 class="title">Nhà sản xuất</h2>
                        <div class="border">
                            <ul>
                                <li><a href="#">VietTien</a></li>
                                <li><a href="#">Adidas</a></li>
                                <li><a href="#">Calvin Klein</a></li>
                                <li><a href="#">Khác</a></li>
                            </ul>
                        </div>
                    </div>
    <!--hổ trợ trực tuyến--><div id="online-support" class="size-box">
                        <h2 class="title">Hổ trợ online</h2>
                        <div class="border">
                            <div>
                                <h4>Bộ phận kinh doanh</h4>
                                <p>0989 796 499</p>
                                <a href="ymsgr:sendim?cicada1252"><img src="http://opi.yahoo.com/online?u=cicada1252&m=g&t=2"/></a>
                            </div>
                            <div>
                                <h4>Bộ phận kĩ thuật</h4>
                                <p>0989 796 499</p>
                                <a href="ymsgr:sendim?z_voanhkiet_z"><img src="http://opi.yahoo.com/online?u=z_voanhkiet_z&m=g&t=2"/></a>
                            </div>
                            <div>
                                <h4>Chăm sóc khách hàng</h4>
                                <p>0989 796 499</p>
                                <a href="ymsgr:sendim?phonui250488"><img src="http://opi.yahoo.com/online?u=phonui250488&m=g&t=2"/></a>
                            </div>
                        </div>
                    </div>
	<!--Quảng cáo--><div id="online-support" class="size-box">
					<h2 class="title">Quảng cáo</h2>
					<div class="border">
						<div class="ad">
							<a><img src="images/adidas.jpg"/></a>
						</div>
						<div class="ad">
							<a><img src="images/viettien.gif"/></a>
						</div>
						<div class="ad">
							<a><img src="images/calvin.jpg"/></a>
						</div>
					</div>
				</div>
            </div>
            
            <div class="right">
    
    <!--Sản phẩm mới--><div id="new-product" class="content-box">
						<h2>Sản phẩm mới</h2>
						<div class="content">
						<div class="product-box">
							<div class="product">
								<div class="pict"><a href="#"><img alt="Click vào để xem" title="Click vào để xem" src="images/product7.jpg"/></a></div>
								<a href="#"><h3 class="name-product">MSP - Tên sản phẩm</h3></a>
								<p class="price"><span>Giá:</span>100.000VNĐ</p>
								<a class="button">Đặt hàng</a>
							</div>
							<div class="product">
								<div class="pict"><a href="#"><img alt="Click vào để xem" title="Click vào để xem" src="images/product8.jpg"/></a></div>
								<a href="#"><h3 class="name-product">MSP - Tên sản phẩm</h3></a>
								<p class="price"><span>Giá:</span>100.000VNĐ</p>
								<a class="button">Đặt hàng</a>
							</div>
						
							<div class="product">
								<div class="pict"><a href="#"><img alt="Click vào để xem" title="Click vào để xem" src="images/product9.jpg"/></a></div>
								<a href="#"><h3 class="name-product">MSP - Tên sản phẩm</h3></a>
								<p class="price"><span>Giá:</span>100.000VNĐ</p>
								<a class="button">Đặt hàng</a>
							</div>
						
							<div class="product">
								<div class="pict"><a href="#"><img alt="Click vào để xem" title="Click vào để xem" src="images/product10.jpg"/></a></div>
								<a href="#"><h3 class="name-product">MSP - Tên sản phẩm</h3></a>
								<p class="price"><span>Giá:</span>100.000VNĐ</p>
								<a class="button">Đặt hàng</a>
							</div>
						
							<div class="product">
								<div class="pict"><a href="#"><img alt="Click vào để xem" title="Click vào để xem" src="images/product11.jpg"/></a></div>
								<a href="#"><h3 class="name-product">MSP - Tên sản phẩm</h3></a>
								<p class="price"><span>Giá:</span>100.000VNĐ</p>
								<a class="button">Đặt hàng</a>
							</div>
						
							<div class="product">
								<div class="pict"><a href="#"><img alt="Click vào để xem" title="Click vào để xem" src="images/product12.jpg"/></a></div>
								<a href="#"><h3 class="name-product">MSP - Tên sản phẩm</h3></a>
								<p class="price"><span>Giá:</span>100.000VNĐ</p>
								<a class="button">Đặt hàng</a>
							</div>
						</div>
						</div>
					
                </div>
    <!--SP HOT--><div id="promotion" class="content-box">
					<h2>Sản phẩm HOT</h2>
						<div class="content">
						<div class="product-box">
							<div class="product">
								<div class="pict"><a href="#"><img alt="Click vào để xem" title="Click vào để xem" src="images/product7.jpg"/></a></div>
								<a href="#"><h3 class="name-product">MSP - Tên sản phẩm</h3></a>
								<p class="price"><span>Giá:</span>100.000VNĐ</p>
								<a class="button">Đặt hàng</a>
							</div>
							<div class="product">
								<div class="pict"><a href="#"><img alt="Click vào để xem" title="Click vào để xem" src="images/product8.jpg"/></a></div>
								<a href="#"><h3 class="name-product">MSP - Tên sản phẩm</h3></a>
								<p class="price"><span>Giá:</span>100.000VNĐ</p>
								<a class="button">Đặt hàng</a>
							</div>
						
							<div class="product">
								<div class="pict"><a href="#"><img alt="Click vào để xem" title="Click vào để xem" src="images/product9.jpg"/></a></div>
								<a href="#"><h3 class="name-product">MSP - Tên sản phẩm</h3></a>
								<p class="price"><span>Giá:</span>100.000VNĐ</p>
								<a class="button">Đặt hàng</a>
							</div>
						
							<div class="product">
								<div class="pict"><a href="#"><img alt="Click vào để xem" title="Click vào để xem" src="images/product10.jpg"/></a></div>
								<a href="#"><h3 class="name-product">MSP - Tên sản phẩm</h3></a>
								<p class="price"><span>Giá:</span>100.000VNĐ</p>
								<a class="button">Đặt hàng</a>
							</div>
						
							<div class="product">
								<div class="pict"><a href="#"><img alt="Click vào để xem" title="Click vào để xem" src="images/product11.jpg"/></a></div>
								<a href="#"><h3 class="name-product">MSP - Tên sản phẩm</h3></a>
								<p class="price"><span>Giá:</span>100.000VNĐ</p>
								<a class="button">Đặt hàng</a>
							</div>
						
							<div class="product">
								<div class="pict"><a href="#"><img alt="Click vào để xem" title="Click vào để xem" src="images/product12.jpg"/></a></div>
								<a href="#"><h3 class="name-product">MSP - Tên sản phẩm</h3></a>
								<p class="price"><span>Giá:</span>100.000VNĐ</p>
								<a class="button">Đặt hàng</a>
							</div>
						</div>
						</div>
                </div>
            </div>
			<div class="clear"></div>
        </div>
        
<!--begin footer-->
        <div id="footer">
			<div class="checkout">
				<img src="images/checkout.png" />
			</div>
			<div class="sub-menu">
				<ul>
					<li><a href="#">Trang chủ</a></li>|
					<li><a href="#">Sản phẩm mới</a></li>|
					<li><a href="#">Xem tất cả</a></li>|
					<li><a href="#">Khuyến mãi</a></li>|
					<li><a href="#">Hướng dẫn</a></li>|
					<li><a href="#">Liên hệ</a></li>
				</ul>
			</div>
			<p class="copyright">Copyright&copy;All rights reserved. Design by: Võ Anh Kiệt</p>
		</div>
    </div>

</body>
</html>